<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,maximum-scale=1.0,minimum-scale=1.0,initial-scale=1.0,user-scalable=no">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script src="js/common.js"></script>
<link href="css/reset.css" rel="stylesheet">
<link href="css/common.css" rel="stylesheet">
<link href="css/onLine.css" rel="stylesheet">
</head>
<body>
    <header>
        <a href="index.html"><i class="iconfont back">&#xe608;</i></a>
        <span>专家在线</span>
        <div class="area"><a href="#" id="share">发求助</a></div>
    </header>

    <!-- search搜索框开始-->
   <form action=""><a href="search.html">
        <input type="text">
        <div><i class="iconfont">&#xe60a;</i>搜索帖子</div>
    </a></form>
    <!-- search搜索框结束-->
   
    <!-- list 列表-->
    <div class="content">
        <ul class="clearfix">
            <li>
                <a href="experts-medical.html"><i class="iconfont">&#xe646;</i></a>
                <h5>医疗</h5>
            </li>
             <li>
                <a href="#"><i class="iconfont">&#xe9fb;</i></a>
                <h5>养护</h5>
            </li>
             <li>
                <a href="#"><i class="iconfont">&#xe62d;</i></a>
                <h5>训练</h5>
            </li>
            <li>
                <a href="#"><i class="iconfont">&#xe607;</i></a>
                <h5>综合</h5>
            </li>
        </ul>
    </div>
    <!-- recommendation  帖子推荐 开始-->
    <div class="main">
        <div class="recommendation">
            <div class="tit"><i><img src="images/111.png" alt=""></i>帖子推荐</div>
            <div class="cont">
                <ul>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/2.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>训</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/3.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>医</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/4.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>养</i>
                            <i>图</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/5.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/6.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/7.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="recommendation">
            <div class="tit"><i><img src="images/111.png" alt=""></i>帖子推荐</div>
            <div class="cont">
                <ul>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>你买到健康的宠物狗了么</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/3.png" alt="">
                                <span>养护的人</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>你买到健康的宠物狗了么</h3>
                            <i>训</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/2.png" alt="">
                                <span>养护的人</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>你买到健康的宠物狗了么</h3>
                            <i>医</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/4.png" alt="">
                                <span>养护的人</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>你买到健康的宠物狗了么</h3>
                            <i>养</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/7.png" alt="">
                                <span>养护的人</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <h3>你买到健康的宠物狗了么</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/6.png" alt="">
                                <span>养护的人</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <h3>你买到健康的宠物狗了么</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/5.png" alt="">
                                <span>养护的人</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="recommendation">
            <div class="tit"><i><img src="images/111.png" alt=""></i>帖子推荐</div>
            <div class="cont">
                <ul>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>找到适合的宠物狗“治疗师”?</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/5.png" alt="">
                                <span>栗悟饭</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>找到适合的宠物狗“治疗师”?</h3>
                            <i>训</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/3.png" alt="">
                                <span>凤凰园真凶</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>找到适合的宠物狗“治疗师”?</h3>
                            <i>医</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/6.png" alt="">
                                <span>傻妞姐姐</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>找到适合的宠物狗“治疗师”?</h3>
                            <i>养</i>
                            <i>图</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/2.png" alt="">
                                <span>cwxinshou</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <h3>找到适合的宠物狗“治疗师”?</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/4.png" alt="">
                                <span>admin</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <h3>找到适合的宠物狗“治疗师”?</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/7.png" alt="">
                                <span>18600471031</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="recommendation">
            <div class="tit"><i><img src="images/111.png" alt=""></i>帖子推荐</div>
            <div class="cont">
                <ul>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/7.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>训</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/6.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>医</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/5.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <i>热</i>
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>养</i>
                            <i>图</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/4.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/3.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                    <li>
                        <div class="question">
                            <h3>猫咪总是怀孕，怎么办?</h3>
                            <i>综</i>
                        </div> 
                        <div class="info clearfix">
                            <p>
                                <img src="images/2.png" alt="">
                                <span>爱吃鱼的猫</span>
                            </p>
                            <p><i class="iconfont icon-zhong"></i>8分钟前 <i class="iconfont icon-xinxi"></i> <span>886</span></p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- recommendation  帖子推荐 结束-->

<script src="js/zepto.min.js"></script>
<script src="js/layer.js"></script>
<script src="js/onLine.js"></script>
</body>
</html>